<template>
  <div class="myShop">
      <div class="header">校园服务</div>
      <img src='../../../public/images/service1.png' @click='$router.push({path:"mapDetail",query:{type:1}})'/>
      <img src='../../../public/images/service2.png' @click='$router.push({path:"mapDetail",query:{type:2}})'/>
      <img src='../../../public/images/service3.png' @click='$router.push({path:"mapDetail",query:{type:3}})'/>
   <mt-footer></mt-footer>
  </div>
</template>

<script>
export default {
  data(){
    return{
     
    }
  },
  created(){
    
  },
  methods:{
    
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .myShop{height:calc(100vh - 50px);background-color: #f2f3f4;}
  .header{font-weight: bolder;font-size: 0.35rem;line-height:0.91rem;background-color: #fff;padding: 0 0.3rem;}
   img{display: block;width:calc(100% - 0.6rem);height: 3rem;margin: 0.31rem 0.3rem 0;}
</style>
